*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.flex-row{
    width:100%;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.flex-row-item{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.flex-row-item-half{
    -webkit-box-flex: 0.5;
    -webkit-flex: 0.5;
    flex: 0.5;
}